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如 果 你 发 现 错误 或 者 打字 错误 ， 请 新 建 一 个 任务 单 或 者 发 一 个 抓 取 请 求 。 你 也 可 以 
在 Stack Overflow 的 JavaScript 聊天 室 找 到 我 们 。 


对 象 
对 象 使 用 和 属性 


JavaScript 中 所 有 变量 都 可 以 当 作 对 象 使 用 ， 除 了 两 个 例外 null 和 


undefined “。 


false.toString(); // 'false' 
W231] toStrLIngO /9 1 23 


function Foo( ){} 


Foo.bar = 1; 
Foo.bar; // 1 


一 个 常见 的 误解 是 数字 的 字面 值 (literal) 不 能 当 作 对 象 使 用 。 0 JavaScript 
器 的 一 个 错误 ， 它 试图 将 点 操作 符 We 


2.toString(); // 出 错 : SyntaxError 


有 很 多 变通 方法 可 以 让 数字 的 字面 值 看 起 来 像 对 象 。 
2..toString(); // 第 二 个 点 号 可 以 正常 解析 
2 .toString();， // 注意 点 号 前 面 的 空格 
(2) .toString(); // 2 先 被 计算 
对 象 作 为 数据 类 型 
JavaScript 的 对 象 可 以 作为 哈 斋 表 使 用 ， 主 要 用 来 保存 命名 的 键 与 值 的 对 应 关系 。 


使 用 对 象 的 字面 语法 - {} -可 以 创建 一 个 简单 对 象 。 这 个 新 创建 的 对 象 从 
0bject,prototype 继承 下 面 ， 没 有 任何 自 定 义 属 性 。 


var foo = {}; // 一 个 空 对 象 


// 一 个 新 对 象 ， 拥 有 一 个 值 为 12 的 自 定义 属性 'test' 
var bar = {test: 12}; 


访问 属性 
有 两 种 方式 来 访问 对 象 的 属性 ， 点 操作 符 或 者 中 括号 操作 符 。 


var foo = {name: 'kitten'} 
foo.name; // kitten 
foo['name']; // kitten 


var get = 'name',; 
foo[get]; // kitten 


foo.1234; // SyntaxError 
foo['1234']; // works 


两 种 语法 是 等 价 的 ， 但 是 中 括号 操作 符 在 下 面 两 种 情况 下 依然 有 效 


e@ 动态 设置 属性 
@ 属性 名 不 是 一 个 有 效 的 变量 名 ( 译 者 注 : 比如 属性 名 中 包 侈 空格， 或 者 属性 名 
是 JS 的 关键 词 ) 


译 者 注 : 在 JSLint 语 法 检测 工具 中 ， 点 操作 符 是 推荐 做 法 。 
删除 属性 


删除 属性 的 唯一 方法 是 使 用 delete 操作 符 ; 设置 属性 为 undefined 或 者 
null 并 不 能 站 正 的 删除 属性 ， 而 仅仅 是 移 除 了 属性 和 值 的 关联 。 


bar: 1, 
foo: 2, 
baze:e3 


}; 

obj.bar = undefined; 
obj.foo = null; 
delete obj.baz; 


for(var i in obj) { 


if (obj.hasOwnProperty(i)) { 
console.1log(i, '' + obj[i]); 
} 


上 面 的 输出 结果 有 bar undefined 和 foo null -只 有 baz 被 站 正 的 删除 
了 ， 所 以 从 输出 结果 中 消失 。 


属性 名 的 语法 


var test = { 
'case': 'I am a keyword so I must be notated as a string', 
delete: 'I am a keyword too so me' // 出 错 : SyntaxError 


}; 


对 象 的 属性 名 可 以 使 用 字符 串 或 者 普通 字符 声明 。 但 是 由 于 JavaScript 解析 器 的 另 

一 个 错误 设计 ， 上 面 的 第 二 种 声明 方式 在 ECMAScript 5 之 前 会 抛 出 
SyntaxError 的 错误 。 

这 个 错误 的 原因 是 delete 是 JavaScript 语言 的 一 个 关键 词 ; 因此 为 了 在 更 低 版 

本 的 JavaScript 引擎 下 也 能 正常 运行 ， 必须 使 用 字符 串 字 面值 声明 方式 。 


原型 


JavaScript 不 包含 传统 的 类 继承 模型 ， 而 是 使 用 prototype 原型 模型 。 


虽然 这 经 常 被 当 作 是 JavaScript 的 缺点 被 提 及 ， 其 实 基于 原型 的 继承 模型 比 传统 的 
类 继承 还 要 强大 。 实现 传统 的 类 继承 模型 是 很 简单 ， 但 是 实现 JavaScript 中 的 原 
型 继承 则 要 困难 的 多 。 (ltis for example fairly trivial to build a classic model on top 
of it, while the other way around is a far more difficult task.) 


由 于 JavaScript 是 唯一 一 个 被 广泛 使 用 的 基于 原型 继承 的 语言 ， 所 以 理解 两 种 继承 
模式 的 差异 是 需要 一 定时 间 的 。 

第 一 个 不 同 之 处 在 于 JavaScript 使 用 原型 链 的 继承 方式 。 

注意 : 简单 的 使 用 Bar.prototype = Foo.prototype 将 会 导致 两 个 对 象 共 享 相 


同 的 原型 。 因 此 ， 改 变 任意 一 个 对 象 的 原型 都 会 影响 到 另 一 个 对 象 的 原型 ， 在 大 多 
数 情况 下 这 不 是 希望 的 结果 。 


function Foo() { 
this.value = 42; 
} 


Foo.prototype = { 
method: function() 人 


}; 
function Bar() {} 


// 设置 Bar 的 prototype 属 性 为 Foo 的 实例 对 象 
Bar.prototype = new Foo( ) 
Bar.prototype.foo = 'Hello World'; 


// 修正 Bar .prototype.constructor 为 Bar 本 身 
Bar .prototype.constructor = Bar; 


var test = new Bar() // 创建 Bar 的 一 个 新 实例 


// 原型 链 
test [Bar 的 实例 ] 
Bar.prototype [Foo 的 实例 ] 
{ foo: 'Hello World' } 
Foo.prototype 
{method: ...}; 
Object .prototype 
人 OoSkrndg /A etc 


上 面 的 例子 中 ， test 对 象 从 Bar.prototype 和 Foo.prototype 继承 下 
来 ; 因此 ， 它 能 访问 Foo 的 原型 方法 method 。 同 时 ， 它 也 能 够 访问 那个 定义 
在 原型 上 的 Foo 实例 属性 value 。 需要 注意 的 是 new Bar() 不 会 创造 出 一 
个 新 的 Foo 实例 ， 而 是 重复 使 用 它 原型 上 的 那个 实例 ; 因此 ， 所 有 的 Bar 实 
例 都 会 共享 相同 的 value 属性 。 


注意 : 不 要 使 用 Bar.prototype = Foo ， 因 为 这 不 会 执行 Foo 的 原型 ， 而 是 指 
向 函数 Foo 。 因此 原型 链 将 会 回溯 到 Function.prototype 而 不 是 
Foo.prototype ， 因 此 method 将 不 会 在 Bar 的 原型 链 上 。 


属性 查找 


当 查 找 一 个 对 象 的 属性 时 ，JavaScript 会 向 上 遍历 原型 链 ， 直 到 找到 给 定名 称 的 属 
性 为 止 。 


到 查找 到 达 原 型 链 的 顶部 - 也 就 是 0bject.prototype -但 是 仍然 没有 找到 指定 
的 属性 ， 就 会 返回 undefined 。 


原型 属性 


当 原型 属性 用 来 创建 原型 链 时 ， 可 以 把 任何 类 型 的 值 赋 给 它 (prototype) 。 然而 
将 原子 类 型 赋 给 prototype 的 操作 将 会 被 忽略 。 


function Foo() 全 
Foo.prototype = 1; // 无 效 


而 将 对 象 赋值 给 prototype， 正 如 上 面 的 例子 所 示 ， 将 会 动态 的 创建 原型 链 。 
性 能 

如 果 一 个 属性 在 原型 链 的 上 端 ， 则 对 于 查找 时 间 将 带 来 不 利 影 响 。 特 别 的 ， 试 图 获 
取 一 个 不 存在 的 属性 将 会 遍历 整个 原型 链 。 


并 且 ， 当 使 用 for in 循环 遍历 对 象 的 属性 时 ， 原 型 链 上 的 所 有 属性 都 将 被 访 
ee 


扩展 内 置 类 型 的 原型 


一 个 错误 特性 被 经 常 使 用 ， 那 就 是 扩展 0bject,.prototype 或 者 其 他 内 置 类 型 的 
原型 对 象 。 

这 种 技术 被 称 之 为 monkey patching 并 且 会 破坏 封装 。 虽 然 它 被 广泛 的 应 用 到 一 些 
JavaScript 类 库 中 比如 Prototype, 但 是 我 仍然 不 认为 为 内 置 类 型 添加 一 些 非 标准 的 
扩展 内 置 类 型 的 唯一 理由 是 为 了 和 新 的 JavaScript 保持 一 致 ， 比 如 


Array.forEach “。 


译 者 注 : 这 是 编程 领域 常用 的 一 种 方式 ， 称 之 为 Backport， 也 就 是 将 新 的 补丁 添加 
到 老 版 本 中 。 


总 结 

在 写 复 杂 的 JavaScript 应 用 之 前 ， 充 分 理解 原型 链 继承 的 工作 方式 是 每 个 
JavaScript 程序 员 必修 的 功课 。 要 提防 原型 链 过 长 带 来 的 性 能 问题 ， 并 知道 如 何 通 
过 缩短 原型 链 来 提高 性 能 。 更 进一步 ， 绝 对 不 要 扩展 内 置 类 型 的 原型 ， 除 非 是 为 了 
和 新 的 JavaScript 引擎 兼容 。 


hasownpProperty 函数 


为 了 判断 一 个 对 象 是 否 包含 自 定义 属性 而 不 是 原型 链 上 的 属性 ， 我 们 需要 使 用 继承 
自 Object,prototype 的 hasownProperty 方法 。 

注意 : 通过 判断 一 个 属性 是 否 undefined 是 不 够 的 。 因为 一 个 属性 可 能 确实 存 
在 ， 只 不 过 它 的 值 被 设置 为 ”undefined 。 


hasownProperty 是 JavaScript 中 唯一 一 个 处 理 属性 但 是 不 查找 原型 链 的 函数 。 


// 修改 0bject.prototype 
Object.prototype.bar = 1; 
var foo = {goo: undefined}; 


foo.bar; // 1 
'bar' in foo; // true 


foo.hasOwnProperty('bar'); // false 
foo.hasOwnProperty('go0'); // true 


只 有 hasownProperty 可 以 给 出 正确 和 期 望 的 结果 ， 这 在 遍历 对 象 的 属性 时 会 很 
有 用 。 没有 其 它 方法 可 以 用 来 排除 原型 链 上 的 属性 ， 而 不 是 定义 在 对 象 自身 上 的 属 
性 Lo] 


hasOwnProperty 作为 属性 


JavaScript 不 会 保护 hasownProperty 被 非法 占用 ， 因 此 如 果 一 个 对 象 碰巧 存在 
这 个 属性 ， 就 需要 使 用 外 部 的 _hasownProperty 函数 来 获取 正确 的 结果 。 


Var foo = { 
hasOwnProperty: function() { 
return false; 


}, 


bar: 'Here be dragons' 
}; 


foo .hasownProperty('bar'); // 总 是 返回 false 

// 使 用 其 它 对 象 的 hasOwnProperty， 并 将 其 上 下 文 设 置 为 foo 

({}).hasOownProperty.call(foo, 'bar'); // true 
结论 
当 检 查 对 象 上 某 个 属性 是 否 存在 时 ， hasownProperty 是 唯一 可 用 的 方法 。 同时 
在 使 用 for in loop 遍历 对 象 时 ， 推 荐 总 是 使 用 hasownProperty 方法 ， 这 将 
会 避免 原型 对 象 扩 展 带 来 的 干扰 。 

加 2. 
for in 循环 


和 in 操作 符 一 样 ， for in 循环 同样 在 查找 对 象 属性 时 遍历 原型 链 上 的 所 有 属 
小 O 


注意 : for in 循环 不 会 遍历 那些 enumerable 设置 为 ” false 的 属性 ;比如 数 
组 的 length 属性 。 


// 修改 0bject,.prototype 
Object.prototype.bar = 1; 


var foo = {moo: 2}; 
for(var i in foo) { 
console.1log(i); // 输出 两 个 属性 :bar 和 moo 


} 


由 于 不 可 能 改变 for in 自身 的 行为 ， 因 此 有 必要 过 滤 出 那些 不 希望 出 现在 循环 
体 中 的 属性 ， 这 可 以 通过 0bject,prototype 原型 上 的 hasownProperty 遂 
注意 : 由 于 for in 总 是 要 遍历 整个 原型 链 ， 因 此 如 果 一 个 对 象 的 继承 层次 太 深 
的 话 会 影响 性 能 。 


使 用 hasOwnProperty 过 滤 


// foo 变量 是 上 例 中 的 
for(var i in foo) { 
if (foo.hasOwnProperty(i)) { 
console.1og(i); 


} 


这 个 版 本 的 代码 是 唯一 正确 的 写法 。 由 于 我 们 使 用 了 hasownProperty ， 所 以 这 
次 只 输出 moo 。 如 果 不 使 用 hasownProperty ， 则 这 段 代码 在 原生 对 象 原型 
(比如 Object.prototype ) 被 扩展 时 可 能 会 出 错 。 

一 个 广泛 使 用 的 类 库 Prototype 就 扩展 了 原生 的 JavaScript 对 象 。 因 此 ， 当 这 个 类 
库 被 包含 在 页 面 中 时 ， 不 使 用 hasownProperty 过 滤 的 for in 循环 难免 会 出 
问题 。 


结 


Ex 
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推荐 总 是 使 用 hasownProperty 。 不 要 对 代码 运行 的 环境 做 任何 假设 ， 不 要 假设 
原生 对 象 是 否 已 经 被 扩展 了 。 


# 函数 


哆 数 声 明 与 表达 式 


函数 是 JavaScript 中 的 一 等 对 象 ， 这 意味 着 可 以 把 函数 像 其 它 值 一 样 传递 。 一 个 常 
见 的 用 法 是 把 匿名 函数 作为 回调 函数 传递 到 弄 步 防 数 中 。 


函数 声明 
function foo() {} 


上 面 的 方法 会 在 执行 前 被 解析 (hoisted)， 因 此 它 存在 于 当前 上 下 文 的 任意 一 个 地 
方 ， 即 使 在 函数 定义 体 的 上 面 被 调用 也 是 对 的 。 


foo(); // 正常 运行 ， 因 为 foo 在 代码 运行 前 已 经 被 创建 
function foo() {} 


函数 赋值 表达 式 
var foo = function() 1， 


这 个 例子 把 一 个 匿名 的 部 数 赋值 给 变量 foo 。 


foo; // 'undefined' 
foo(); // 出 错 : TypeError 
var foo = function() {}; 


由 于 var 定义 了 一 个 声明 语句 ， 对 变量 foo 的 解析 是 在 代码 运行 之 前 ， 因 此 
foo 变量 在 代码 运行 时 已 经 被 定义 过 了 。 

但 是 由 于 赋值 语句 只 在 运行 时 执行 ， 因 此 在 相应 代码 执行 之 前 ， foo 的 值 缺 省 为 
undefined ° 


命名 遂 5 数 的 赋值 表达 式 
另外 一 个 特殊 的 情况 是 将 命名 函数 赋值 给 一 个 变量 。 


var foo = function bar() { 
bar(); // 正常 运行 


bar(); // 出 错 : ReferenceError 
bar 呜 数 声 明 外 是 不 可 见 的 ， 这 是 因为 我 们 已 经 把 函数 赋值 给 了 foo ; 然而 在 
bar 内 部 依然 可 见 。 这 是 由 于 JavaScript 的 命名 处 理 所 致 ， 函数 名 在 函数 内 总 
是 可 见 的 。 
注意 :在 IE8 及 IE8 以 下 版 本 浏览 器 bar 在 外 部 也 是 可 见 的 ， 是 因为 浏览 器 对 命名 函数 
赋值 表达 式 进行 了 错误 的 解析 ， 解 析 成 两 个 函数 foo 和 bar 
this 的 工作 原理 


JavaScript 有 一 套 完全 不 同 于 其 它 语言 的 对 this 的 处 理 机 制 。 在 五 种 不 同 的 情 
况 下 ， this 指向 的 各 不 相同 。 


this; 


当 在 全 部 范围 内 使 用 this ， 它 将 会 指向 全 局 对 象 。 


译 者 注 : 浏览 器 中 运行 的 JavaScript 脚本 ， 这 个 全 局 对 象 是 window 。 


函数 调用 
foo( ); 


这 里 this 也 会 指向 全 局 对 象 。 

ES5 注意 : 在 严格 模式 下 (strict mode) ， 不 存在 全 局 变量 。 这 种 情况 下 _ this 
将 会 是 undefined 。 

方法 调用 


test ,foo()， 


这 个 例子 中 ， this 指向 test 对 象 。 


调用 构造 函数 
new foo( ); 


如 果 函 数 倾 向 于 和 new 关键 词 一 块 使 用 ， 则 我 们 称 这 个 函数 是 构造 函数 。 在 郊 
数 内 部 ， this 指向 新 创建 的 对 象 。 


显 式 的 设置 this 


function foo(a, b, c) {} 


var bar = {}; 
foo.apply(bar，[1，2，3]); // 数组 将 会 被 扩展 ， 如 下 所 示 
foo.call(bar，1，2，3); // 传递 到 foo 的 参数 是 :a=1，b=2，c=3 


当 使 用 Function.prototype 上 的 call 或 者 apply 方法 时 ， 函 数 内 的 
this 将 会 被 显 式 设置 为 函数 调用 的 第 一 个 参数 。 


因此 函数 调用 的 规则 在 上 例 中 已 经 不 适用 了 ， 在 foo 哆 数 内 this 被 设置 成 了 
bar “。 


注意 : 在 对 象 的 字面 声明 语法 中 ， this 不 能 用 来 指向 对 象 本 身 。 因此 

var obj = {me: this} 中 的 me 不 会 指向 obj ， 因 为 this 只 可 能 出 现在 
上 述 的 五 种 情况 中 。 译 者 注 : 这 个 例子 中 ， 如 果 是 在 浏览 器 中 运行 ， obj.me 等 
于 window 对 象 。 


常见 误解 


币 

尽管 大 部 分 的 情况 都 说 的 过 去 ， 不 过 第 一 个 规则 ( 译 者 注 : 这 里 指 的 应 该 是 第 二 个 
规则 ， 也 就 是 直接 调用 函数 时 ， this 指向 全 局 对 象 ) 被 认为 是 JavaScript 语 言 
另 一 个 错误 设计 的 地 方 ， 因 为 它 从 来 就 没有 实际 的 用 途 。 


Foo.method = function() { 
function test() { 
// this 将 会 被 设置 为 全 局 对 象 ( 译 者 注 : 浏览 器 环境 中 也 就 是 window 对 各 





一 个 常见 的 误解 是 test 中 的 this 将 会 指向 Foo 对 象 ， 实 际 上 不 是 这 样子 


为 了 在 test 中 获取 对 Foo 对 象 的 引用 ， 我 们 需要 在 method 了 有 子 数 内 部 创建 
一 个 局 部 变量 指向 Foo 对 象 。 


Foo .method = function() { 
var that = this; 
function test() { 
// 使 用 that 来 指向 Foo 对 象 


test( ) ， 


that 只 是 我 们 随意 起 的 名 字 ， 不 过 这 个 名 字 被 广泛 的 用 来 指向 外 部 的 this 对 
象 。 在 闭 包 一 节 ， 我 们 可 以 看 到 that 可 以 作为 参数 传递 。 
方法 的 赋值 表达 式 


另 一 个 看 起 来 奇怪 的 地 方 是 函数 别名 ， 也 就 是 将 一 个 方法 赋值 给 一 个 变量 。 


Var test = someObject.methodTest; 
test(); 


上 例 中 ， test 就 像 一 个 普通 的 函数 被 调用 ; 因此 ， 了 有 函数 内 的 this 将 不 再 被 指 
向 到 some0bject 对 象 。 

虽然 this 的 晚 线 定 特性 似乎 并 不 友好 ， 但 这 确实 是 基于 原型 继承 赖 以 生存 的 土 
壤 。 


function Foo() 人 
Foo.prototype.method = function() 0; 


function Bar() {} 
Bar .prototype = Foo.prototype, 


new Bar().method(); 
当 method 被 调用 时 ， this 将 会 指向 Bar 的 实例 对 象 。 


闭 包 和 引用 

闭 包 是 JavaScript 一 个 非常 重要 的 特性 ， 这 意味 着 当前 作用 域 总 是 能 够 访问 外 部 作 
用 域 中 的 变量 。 因为 函数 是 JavaScript 中 唯一 拥有 自身 作用 域 的 结构 ， 因 此 闭 包 
的 创建 依赖 于 函数 。 


模拟 私有 变量 


function Counter(start) { 
var count = start,; 


return { 
increment: function() { 
counNt++; 
}, 


get: function() { 
return count,; 


} 
} 


var foo = Counter(4); 
foo.increment(); 
foo.get(); // 5 


这 里 ， Counter 有 子 数 返回 两 个 闭 包 ， 函 数 increment 和 函数 get 。 这 两 个 
函数 都 维持 着 对 外 部 作用 域 Counter 的 引用 ， 因 此 总 可 以 访问 此 作用 域内 定义 


的 变量 count . 


为 什么 不 可 以 在 外 部 访问 私有 变量 


因为 JavaScript 中 不 可 以 对 作用 域 进行 引用 或 赋值 ， 因 此 没有 办 法 在 外 部 访问 
count 变量 。 唯一 的 途径 就 是 通过 那 两 个 闭 包 。 


var foo = new Counter(4); 
foo ,hack = function() { 
count = 1337 


上 面 的 代码 不 会 改变 定义 在 Counter 作用 域 中 的 count 变量 的 值 ， 因 为 
foo.,hack 没有 定义 在 那个 作用 域内 。 它 将 会 创建 或 者 禾 盖 全 局 变量 count 。 


循环 中 的 闭 包 
一 个 常见 的 错误 出 现在 循环 中 使 用 闭 包 ， 假 设 我 们 需要 在 每 次 循环 中 调用 循环 序号 


for(var i = 0; i < 10; i++) { 
setTimeout(function() { 
console.1o0g(i); 
}, 1000),; 


上 面 的 代码 不 会 输出 数字 0 到 9 ， 而 是 会 输出 数字 10 十 次 。 


当 console.1og 被 调用 的 时 候 ， 匿 名 函数 保持 对 外 部 变量 i 的 引用 ， 此 时 
for 循环 已 经 结束 ， i 的 值 被 修改 成 了 10 . 


为 了 得 到 想 要 的 结果 ， 需 要 在 每 次 循环 中 创建 变量 i 的 拷贝 。 


避免 引用 错误 


为 了 正确 的 获得 循环 序号 ， 最 好 使 用 匿名 包装 器 ( 译 者 注 : 其 实 就 是 我 们 通常 说 的 
自 执行 匿名 函数 ) 。 


for(var i = 0; i < 10; i++) { 
(function(e) { 
setTimeout(function() { 
console.1log(e); 
}, 1000),; 
}) (i); 


外 部 的 匿名 函数 会 立即 执行 ， 并 把 i 作为 它 的 参数 ， 此 时 函数 内 e 变量 就 拥有 
了 羡 的 一 个 拷贝 。 


当 传递 给 setTimeout 的 匿名 函数 执行 时 ， 它 就 拥有 了 对 e 的 引用 ， 而 这 个 值 
是 不 会 被 循环 改变 的 。 


有 另 一 个 方法 完成 同样 的 工作 ， 那 就 是 从 匿名 包装 器 中 返回 一 个 函数 。 这 和 上 面 的 
代码 效果 一 样 。 


for(var i = 0; i < 10; I++) { 

setTimeout((function(e) { 
return function() { 
console.1log(e); 


} 
})(i), 1000) 


arguments 对 月 


JavaScript 中 每 个 函数 内 都 能 访问 一 个 特别 变量 arguments 。 这 个 变量 维护 着 所 
有 传递 到 这 个 函数 中 的 参数 列表 。 


注意 : 由 于 _ arguments 已 经 被 定义 为 函数 内 的 一 个 变量 。 因此 通过 var 关键 
字 定 义 arguments 或 者 将 arguments 声明 为 一 个 形式 参数 ， 都 将 导致 原生 的 
arguments 不 会 被 创建 。 


arguments 变量 不 是 一 个 数组 ( Array ) 。 尽管 在 语法 上 它 有 数组 相关 的 属性 
length ， 但 它 不 从 Array.prototype 继承， 实际 上 它 是 一 个 对 象 
( Object ) 。 


因此 ， 无 法 对 arguments 变量 使 用 标准 的 数组 方法 ， 比 如 push ，pop 或 者 
slice 。 虽然 使 用 for 循环 遍历 也 是 可 以 的 ， 但 是 为 了 更 好 的 使 用 数组 方法 ， 
最 好 把 它 转化 为 一 个 真正 的 数组 。 

转化 为 数组 


下 面 的 代码 将 会 创建 一 个 新 的 数组 ， 包 含 所 有 _ arguments 对象 中 的 元 素 。 


Array.prototype.slice.call(arguments); 
这 个 转化 比较 慢 ， 在 性 能 不 好 的 代码 中 不 推荐 这 种 做 法 。 


传递 参数 
下 面 是 将 参数 从 一 个 函数 传递 到 另 一 个 函数 的 推荐 做 法 。 


function foo() { 
bar.apply(null, arguments); 


function bar(a, b, c) { 
// 十 活 
} 


另 一 个 技巧 是 同时 使 用 call 和 apply ， 创 建 一 个 快速 的 解 绑 定 包装 器 。 


function Foo() 1 


Foo.prototype.method = function(a, b, c) { 
console.log(this, a, b, c); 


je 


// 创建 一 个 解 绑 定 的 "method" 
// 输入 参数 为 : this，arg1，arg2...argN 
Foo .method = function() { 


// 结果 : Foo.prototype.method.call(this，arg1，arg2..， argN) 
Function.call.apply(Foo.prototype.method, arguments); 


je8 


译 者 注 : 上 面 的 Foo,method 遂 数 和 下 面 代码 的 效果 是 一 样 的 : 


Foo .method = function() { 
var args = Array.prototype.slice.call(arguments); 
Foo.prototype.method.apply(args[0], args.slice(1)); 


ep 


自动 更 新 
arguments 对 象 为 其 内 部 属性 以 及 有 函数 形式 参数 创建 getter 和 setter 方法 。 
因此 ， 改 变形 参 的 值 会 影响 到 _ arguments 对 象 的 值 ， 反 之 亦 然 。 

function foo(a, b, c) { 


arguments[0] = 2; 
a /2 


b= 4; 
arguments[1]; // 4 





不 管 它 是 否 有 被 使 用 ， arguments 对 象 总 会 被 创建 ， 除 了 两 个 特殊 情况 - 作为 局 
部 变量 声明 和 作为 形式 参数 。 

arguments 的 getters 和 setters 方法 总 会 被 创建 ; 因此 使 用 arguments 对 性 
能 不 会 有 什么 影响 。 除非 是 需要 对 arguments 对 象 的 属性 进行 多 次 访问 。 


管 
TIE 
又 


ES5 提示 : 这 些 getters 和 setters 在 严格 模式 下 (strict mode ) 不 会 被 创建 。 


译 者 注 :在 MDC 中 对 strict mode 模式 下 arguments 的 描述 有 助 于 我 们 的 
理解 ， 请 看 下 面 代 码 : 


// 阐述 在 ES5 的 严格 模式 下 “arguments” 的 特性 
function f(a) { 

"Use strict"; 

a = 42,， 

return [a, arguments[0]]; 
} 
var pair = f(17); 
console.assert(pair[0] === 42); 
console.assert(pair[1] === 17); 


然而 ， 的 确 有 一 种 情况 会 显著 的 影响 现代 JavaScript 引擎 的 性 能 。 这 就 是 使 用 
arguments.callee “。 


function foo() { 
arguments.callee; // do something with this function object 
arguments.callee.caller; // and the calling function object 


} 


function bigLoop() { 
foo(); // Would normally be inlined... 
} 


上 面 代码 中 ， foo 不 再 是 一 个 单纯 的 内 联 函 数 inlining ( 译 者 注 : 这 里 指 的 是 解析 
器 可 以 做 内 联 处 理 ) ， 因 为 它 需要 知道 它 自己 和 它 的 调用 者 。 这 不 仅 抵消 了 内 联 
函数 带 来 的 性 能 提升 ， 而 且 破坏 了 封装 ， 因 此 现在 函数 可 能 要 依赖 于 特定 的 上 下 
文 。 


因此 强烈 建议 大 家 不 要 使 用 arguments.callee 和 它 的 属性 。 


ES5 提示 : 在 严格 模式 下 ， arguments.callee 会 报错 TypeError ， 因 为 它 已 
经 被 废除 了 。 


构造 函数 
JavaScript 中 的 构造 函数 和 其 它 语言 中 的 构造 函数 是 不 同 的 。 通 过 new 关键 字 
方式 调用 的 兄 数 都 被 认为 是 构造 隐 数 。 


在 构造 函数 内 部 - 也 就 是 被 调用 的 函数 内 - this 指向 新 创建 的 对 象 0bject 。 
这 个 新 创建 的 对 象 的 prototype 被 指向 到 构造 函数 的 prototype 。 


如 果 被 调用 的 函数 没有 显 式 的 return 表达 式 ， 则 隐 式 的 会 返回 this 对 象 - 
也 就 是 新 创建 的 对 象 。 


function Foo() { 
this.bla = 1; 
} 


Foo.prototype.test = function() { 
console.1log(this.bla); 
}; 


var test = new Foo(); 


上 面 代码 把 Foo 作为 构造 泡 数 调用 ， 并 设置 新 创建 对 象 的 prototype 为 
Foo.prototype ° 


显 式 的 return 表达 式 将 会 影响 返回 结果 ， 但 仅 限 于 返回 的 是 一 个 对 象 。 


function Bar() { 
return 2; 


} 
new Bar(); // 返回 新 创建 的 对 象 


function Test() { 
this.value = 2; 


} 
new Test(); // 返回 的 对 象 


译 者 注 : new Bar() 返回 的 是 新 创建 的 对 象 ， 而 不 是 数字 的 字面 值 2。 因此 
new Bar() ,constructor === Bar ， 但 是 如 果 返 回 的 是 数字 对 象 ， 结 果 就 不 同 
了 ， 如 下 所 示 


function Bar() { 
return new Number (2); 


new Bar().constructor === Number 


0 这 里 得 到 的 new Test() 是 函数 返回 的 对 象 ， 而 不 是 通过 new 关键 字 新 
创建 的 对 象 ， 因 此 : 


(new Test()).value === Undefined 
(new Test()).foo === 1 


如 果 new 被 遗漏 了 ， 则 函数 不 会 返回 新 创建 的 对 象 。 


function Foo() { 
this.bla = 1; // 获取 设置 全 局 参数 


} 
Foo(); // undefined 


虽然 上 例 在 有 些 情况 下 也 能 正常 运行 ， 但 是 由 于 JavaScript 中 this 的 工作 原 
理 ， 这 里 的 this 指向 全 局 对 象 。 


工厂 模式 
为 了 不 使 用 new 关键 字 ， 构 造 函 数 必 须 显 式 的 返回 一 个 值 。 


function Bar() { 
Var Value = 1; 
return { 
method: function() { 
return value; 
} 


} 
} 
Bar.prototype = { 

foo: function() {} 
}; 


new Bar(); 
Bar(); 


上 面 两 种 对 Bar 加 数 的 调用 返回 的 值 完全 相同 ， 一 个 新 创建 的 拥有 method 属 
性 的 对 象 被 返回 ， 其 实 这 里 创建 了 一 个 财 包 。 

还 需要 注意 ， new Bar() 并 不 会 改变 返回 对 象 的 原型 〈 译 者 注 : 也 就 是 返回 对 
象 的 原型 不 会 指向 Bar.prototype ) 。 因为 构造 函数 的 原型 会 被 指向 到 刚刚 创 
建 的 新 对 象 ， 而 这 里 的 Bar 没有 把 这 个 新 对 象 返回 ( 译 者 注 : 而 是 返回 了 一 个 包 
含 method 属性 的 自 定 义 对 象 ) 。 


在 上 面 的 例子 中 ， 使 用 或 者 不 使 用 new 关键 字 没 有 功能 性 的 区 别 。 
译 者 注 : 上 面 两 种 方式 创建 的 对 和 象 不 能 访问 Bar 原型 链 上 的 属性 ， 如 下 所 示 : 


Var bar1 = new Bar(); 
typeof(bari.method); // "function" 
typeof(bar1.foo); // "undefined" 


var bar2 = Bar(); 


typeof(bar2.method); // "function" 
typeof(bar2.fo0); // "undefined" 


通过 工厂 模式 创建 新 对 象 


我 们 常 听 到 的 一 条 忠告 是 不 要 使 用 new 关键 字 来 调用 函数 ， 因 为 如 果 忘 记 使 用 它 
就 会 导致 错误 。 


为 了 创建 新 对 象 ， 我 们 可 以 创建 一 个 工厂 方法 ， 并 且 在 方法 内 构造 一 个 新 对 象 。 


function Foo() { 
Var obj = {}; 
obj.value = 'blub'; 


var private = 2; 
obj .someMethod 
this.value 


function(value) { 
value; 


I ~ 


obj.getPrivate = function() { 
return private; 


return obj; 


虽然 上 面 的 方式 比 起 new 的 调用 方式 不 容易 出 错 ， 并 且 可 以 充分 利用 私有 变量 带 
来 的 便利 ， 但 是 随 之 而 来 的 是 一 些 不 好 的 地 方 。 


1. 会 占用 更 多 的 内 存 ， 因 为 新 创建 的 对 象 不 能 共享 原型 上 的 方法 。 

2. 为 了 实现 继承 ， 工 厂 方法 需要 从 另外 一 个 对 象 拷贝 所 有 属性 ， 或 者 把 一 个 对 象 
作为 新 创建 对 象 的 原型 。 

3. 放弃 原型 链 仅仅 是 因为 防止 遗漏 new 带 来 的 问题 ， 这 似乎 和 语言 本 身 的 思想 


虽然 遗漏 new 关键 字 可 能 会 导致 问题 ， 但 这 并 不 是 放弃 使 用 原型 链 的 借口 。 最 
终 使 用 哪 种 方式 取决 于 应 用 程序 的 需求 ， 选 择 一 种 代码 书写 风格 并 坚持 下 去 才 是 最 
重要 的 。 


作用 域 与 命名 空间 


尽管 JavaScript 支持 一 对 花 括 号 创建 的 代码 段 ， 但 是 并 不 支持 块 级 作用 域 ; 而 仅 
仅 支 持 函数 作用 域 。 


function test() { // 一 个 作用 域 
for(var i = 0; i < 10; i++) { // 不 是 一 个 作用 域 
// count 


} 
console.log(i); // 10 


注意 : 如 果 不 是 在 赋值 语句 中 ， 而 是 在 return 表达 式 或 者 函数 参数 中 ，{...,} 将 
po ; 而 不 是 作为 对 象 的 字面 语法 解析 o 如 果 考 虑 到 自 动 分 号 皇 
入 ， 这 可 能 会 导致 一 些 不 易 察觉 的 错误 。 


译 者 注 : 如 果 return 对 象 的 左 括号 和 return 不 在 一 行 上 就 会 出 错 。 


// 译 者 注 : 下 面 输出 undefined 
function add(a, b) { 
return 
a + b; 


} 
console.log(add(1, 2)); 


JavaScript 中 没有 显 式 的 命名 空间 定义 ， 这 就 意味 着 所 有 对 象 都 定义 在 一 个 全 局 共 
享 的 命名 空间 下 面 。 


每 次 引用 一 个 变量 ，JavaScript 会 向 上 遍历 整个 作用 域 直到 找到 这 个 变量 为 止 。 如 
果 到 达 全 局 作用 域 但 是 这 个 变量 仍 未 找到 ， 则 会 抛 出 ReferenceError 弄 常 。 


隐 式 的 全 局 变量 


// 脚本 A 
foo = '42'; 


// 脚本 B 
Var fioo0 = 42 


上 面 两 段 脚本 效果 不 同 。 脚 本 A 在 全 局 作用 域内 定义 了 变量 foo ， 而 脚本 B 在 当 
前 作用 域内 定义 变量 foo 。 


再 次 强调 ， 上 面 的 效果 完全 不 同 ， 不 使 用 var 声明 变量 将 会 导致 隐 式 的 全 局 变量 
产生 。 


// 全 局 作用 域 

Var foo = 42; 

function test() { 
// 局 部 作用 域 
foo = 21; 


test(); 
foo; // 21 


在 函数 test 内 不 使 用 var 关键 字 声 明 foo 变量 将 会 覆盖 外 部 的 同名 变量 。 
起 初 这 看 起 来 并 不 是 大 问题 ， 但 是 当 有 成 千 上 万 行 代码 时 ， 不 使 用 var 声明 变量 
将 会 带 来 难以 跟踪 的 BUG 。 


// 全 局 作用 域 

var items = [/* 数组 */]，; 

for(var i = 0; i < 10; i++) { 
SubLoop( ); 


function subLoop() { 
// SubLoop 函数 作用 域 
for(i = 0; i < 10; i++) { // 没有 使 用 var 声明 变量 
// 十 活 
} 


外 部 循环 在 第 一 次 调用 subLoop 之 后 就 会 终止 ， 因 为 subLoop 禾 盖 了 全 局 变 
量 i 。 在 第 二 个 for 循环 中 使 用 var 声明 变量 可 以 避免 这 种 错误 。 声明 变 
量 时 绝对 不 要 遗漏 var 关键 字 ， 除 非 这 就 是 期 望 的 影响 外 部 作用 域 的 行为 。 


局 部 变量 


JavaScript 中 局 部 变量 只 可 能 通过 两 种 方式 声明 ， 一 个 是 作为 函数 参数 ， 另 一 个 是 
通过 var 关键 字 声明 。 


var foo = 
var bar = 
var i = 2; 
function test(i) { 
// 函数 test 内 的 局 部 作用 域 
nl 


Var foo = 3; 
bar = 4; 


} 

test(10); 

foo 和 i 是 函数 test 内 的 局 部 变量 ， 而 对 bar 的 赋值 将 会 覆盖 全 局 作用 
域内 的 同名 变量 。 

变量 声明 提升 (Hoisting ) 


JavaScript 会 提升 变量 声明 。 这 意味 着 var 表达 式 和 function 声明 都 将 会 被 
提升 到 当前 作用 域 的 顶部 。 


bar(); 
var bar = function() {€}; 
Var someValue = 42; 


test(); 
function test(data) { 
if (false) { 
goo = 1，; 


elcse { 
Var goo = 2,， 
} 


for(var i 
Var e 
} 


O01 < T0011 { 
data[il]; 


上 面 代 码 在 运行 之 前 将 会 被 转化 。JavaScript 将 会 把 var 表达 式 和 function 
声明 提升 到 当前 作用 域 的 顶部 。 


// Var 表达 式 被 移动 到 这 里 
var bar，someValue; // 缺 省 值 是 'undefined' 


// 函数 声明 也 会 提升 
function test(data) { 
Var goo，，e; // 没有 块 级 作用 域 ， 这 些 变量 被 移动 到 有 函数 顶部 
If (false) { 
goo = 1; 


} else { 
goo = 2; 
} 


for(i 


e 
} 


=05° <100 0 Lr { 

= data[i]; 

} 

bar(); // 出 错 :TypeError， 因 为 bar 依然 是 'undefined' 
someValue = 42; // 赋值 语句 不 会 被 提升 规则 (hoisting) 影响 
bar = function() {1}; 


test(); 


没有 块 级 作用 域 不 仅 导 致 var 表达 式 被 从 循环 内 移 到 外 部 ， 而 且 使 一 些 if 表 
达 式 更 难看 懂 。 

在 原来 代码 中 ， if 表达 式 看 起 来 修改 了 全 局 变量 goo ， 实 际 上 在 提升 规则 被 应 
用 后 ， 却 是 在 修改 局 部 变量 。 


如 果 没 有 提升 规则 (hoisting) 的 知识 ， 下 面 的 代码 看 起 来 会 抛 出 异常 


ReferenceError “。 


// 检查 SomeImportantThing 是 否 已 经 被 初始 化 
if (!SomeImportantThing) { 

var SomeImportantThing = {}; 
} 


实际 上 ， 上 面 的 代码 正常 运行 ， 因 为 var 表达 式 会 被 提升 到 全 局 作用 域 的 顶部 。 


var SomeImportantThing; 
// 其 它 一 些 代码 ， 可 能 会 初始 化 SomeImportantThing， 也 可 能 不 会 
// 检查 是 否 已 经 被 初始 化 


if (!SomeImportantThing) { 
SomeImportantThing = {}; 
} 


译 者 注 : 在 Nettuts+ 网 站 有 一 篇 介绍 hoisting 的 文章 ， 其 中 的 代码 很 有 启发 性 。 


// 译 者 注 :来自 Nettuts+ 的 一 段 代码 ， 生 动 的 阅 述 了 JavaScript 中 变量 声明 提升 
var myvar = 'my value'; 


(function() { 
alert(myvar); // undefined 
var myvar = 'local value'; 


py) 
sl 





名 称 解 析 顺 序 


JavaScript 中 的 所 有 作用 域 ， 包 括 全 局 作用 域 ， 都 有 一 个 特别 的 名 称 this 指向 
当前 对 象 。 


函数 作用 域内 也 有 默认 的 变量 arguments ， 其 中 包含 了 传递 到 函数 中 的 参数 。 
比如 ， 当 访问 函数 内 的 foo 变量 时 ，JavaScript 会 按照 下 面 顺序 查找 : 


1， 当前 作用 域内 是 否 有 var foo 的 定义 。 

2， 兄 数 形式 参数 是 否 有 使 用 foo 名 称 的 。 
3， 元 数 自身 是 否 叫 做 foo 。 

4. 回溯 到 上 一 级 作用 域 ， 然 后 从 旭 1 重新 开始 。 


注意 : 自 定义 arguments 参数 将 会 阻止 原生 的 arguments 对 象 的 创建 。 


只 有 一 个 全 局 作用 域 导 致 的 常见 错误 是 命名 冲突 。 在 JavaScript 中 ， 这 可 以 通过 匿 
包装 器 轻松 解决 9 


(function() { 
// 函数 创建 一 个 命名 空间 


window.foo = function() { 
}; 


})(); // 立即 执行 此 匿名 函数 


匿名 部 数 被 认为 是 表达 式 ; 因此 为 了 可 调用 性 ， 它 们 首先 会 被 执行 。 


( // 小 括号 内 的 函数 首先 被 执行 
function() {} 

) // 并 且 返 回 函 数 对 象 

() // 调用 上 面 的 执行 结果 ， 也 就 是 函数 对 象 


有 一 些 其 他 的 调用 函数 表达 式 的 方法 ， 比 如 下 面 的 两 种 方式 语法 不 同 ， 但 是 效果 一 
模 一 样 。 


// 另外 两 种 方式 
+function(){}(); 
(function(){}()); 


结论 


推荐 使 用 匿名 包装 器 ( 译 者 注 : 也 就 是 自 执行 的 匿名 函数 ) 来 创建 命名 空间 。 这 样 
不 仅 可 以 防止 命名 冲突 ， 而 且 有 利于 程序 的 模块 化 。 

另外 ， 使 用 全 局 变量 被 认为 是 不 好 的 习惯 。 这 样 的 代码 容易 产生 错误 并 且 维 护 成 本 
较 高 。 


数组 


数组 遍历 与 属性 
虽然 在 JavaScript 中 数组 是 对 象 ， ”但 是 没有 好 的 理由 去 使 用 for in 循环 遍历 数 
组 。 相 反 ， 有 一 些 好 的 理由 不 去 使 用 for in 遍历 数组 。 


注意 : JavaScript 中 数组 不 是 关联 数组 。 JavaScript 中 只 有 对 象 来 管理 键 值 的 对 应 
关系 。 但 是 关联 数组 是 保持 顺序 的 ， 而 对 象 不 是 。 


由 于 for in 循环 会 枚 举 原型 链 上 的 所 有 属性 ， 唯 一 过 滤 这 些 属 性 的 方式 是 使 用 
hasownpProperty 子 数 ， 因 此 会 比 普通 的 for 循环 慢 上 好 多 倍 。 
遍历 
为 了 达到 遍历 数组 的 最 佳 性 能 ， 推 荐 使 用 经 典 的 for 循环 。 
Varm lS te = 2 5 100000000] ; 


for(var i = 0, 1 = list.length; i < 1; i++) { 
console.1log(1list[i]); 
} 


上 面 代 码 有 一 个 处 理 ， 就 是 通过 1 = list.length 来 缓存 数组 的 长 度 。 


虽然 length 是 数组 的 一 个 属性 ， 但 是 在 每 次 循环 中 访问 它 还 是 有 性 能 开销 。 可 
能 最 新 的 JavaScript 引擎 在 这 点 上 做 了 优化 ， 但 是 我 们 没 法 保证 自己 的 代码 是 否 运 
行 在 这 些 最 近 的 引擎 之 上 。 


实际 上 ， 不 使 用 缓存 数组 长 度 的 方式 比 缓存 版 本 要 慢 很 多 


Le) 


length 属性 


length 属性 的 getter 方式 会 简单 的 返回 数组 的 长 度 ， 而 setter 方式 会 截断 数 
组 。 


var foo = [1, 2, 3, 4, 5, 6]; 
foo.length = 3; 
foo; // [1, 2, 3] 


foo.length = 6; 
E0059 /A 22003 


译 者 注 : 在 Firebug 中 查看 此 时 foo 的 值 是 : 

[1，2，3，undefined，undefined，undefined] 但 是 这 个 结果 并 不 准确 ， 如 
果 你 在 Chrome 的 控制 台 查 看 foo 的 结果 ， 你 会 发 现 是 这 样 的 : [1，2，3] 
因为 在 JavaScript 中 undefined 是 一 个 变量 ， 注 意 是 变量 不 是 关键 字 ， 因 此 上 
面 两 个 结果 的 意义 是 完全 不 相同 的 。 


// 译 者 注 : 为 了 验证 ， 我 们 来 执行 下 面 代 码 ， 看 序号 5 是 否 存 在 于 foo 中 。 
5 in foo; // 不 管 在 Firebug 或 者 Chrome 都 返回 false 

foo[5] = undefined; 

5 in foo; // 不 管 在 Firebug 或 者 Chrome 都 返回 true 


为 length 设置 一 个 更 小 的 值 会 截断 数组 ， 但 是 增 大 length 属性 值 不 会 对 数 
组 广 生 豆 啊 5 


结论 


为 了 更 好 的 性 能 ， 推 荐 使 用 普通 的 for 循环 并 缓存 数组 的 length 属性 。 使 用 
for in 遍历 数组 被 认为 是 不 好 的 代码 习惯 并 倾向 于 产生 错误 和 导致 性 能 问题 。 


Array 构造 哆 数 


由 于 Array 的 构造 函数 在 如 何 处 理 参 数 时 有 点 模棱两可 ， 因 此 总 是 推荐 使 用 数组 
的 字面 语法 - [] -来 创建 数组 。 


[R20 /| 
new Array(1，2，3); // 结果 : [1，2，3] 


[e157 完 末 [3 
new Array(3); // 结果 : [] 
new Array('3') // 结果 : ['3'] 


// 译 者 注 : 因此 下 面 的 代码 将 会 使 人 很 迷惑 
new Array(3，4，5); // 结果 : [3，4，5] 
new Array(3) // 结果 : []， 此 数组 长 度 为 3 


译 者 注 : 这 里 的 模棱两可 指 的 是 数组 的 两 种 构造 函数 语法 


由 于 只 有 一 个 参数 传递 到 构造 函数 中 ( 译 者 注 : 指 的 是 new Array(3); 这 种 调 
用 方式 ) ， 并 且 这 个 参数 是 数字 ， 构 造 函 数 会 返回 一 个 length 属性 被 设置 为 此 
参数 的 空 数 组 。 需要 特别 注意 的 是 ， 此 时 只 有 length 属性 被 设置 ， 昌 正 的 数组 
并 没有 生成 。 


译 者 注 : 在 Firebug 中 ， 你 会 看 到 [undefined，undefined，undefined] ， 这 
其 实 是 不 对 的 。 在 上 一 节 有 详细 的 分 析 。 


var arr = new Array(3); 
arr[1]; // undefined 
1 in arr; // false， 数 组 还 没有 生成 


这 种 优先 于 设置 数组 长 度 属 性 的 做 法 只 在 少数 几 种 情况 下 有 用 ， 比 如 需要 循环 字符 
串 ， 可 以 避免 for 循环 的 厅 烦 。 


new Array(count + 1). join(stringToRepeat ) 


译 者 注 : new Array(3).join('#') 将 会 返回 状 


ANS: 
< 心 , 
Cr 


它 


应 该 尽量 避免 使 用 数组 构造 函数 创建 新 数组 。 推 荐 使 用 数组 的 字面 语法 。 它 们 更 加 
短小 和 简洁 ， 因 此 增加 了 代码 的 可 读 性 。 


类 型 


大 人 十 
相等 与 比较 


JavaScript 有 两 种 方式 判断 两 个 值 是 否 相等 。 


等 于 操作 符 


等 于 操作 符 由 两 个 等 号 组 成 : == 


JavaScript 是 弱 类 型 语言 ， 这 就 意味 着 ， 等 于 操作 符 会 为 了 比较 两 个 值 而 进 


类 型 转换 。 
rr 二 二 WoL 
© 二 二 TIT TI 
0 二 二 "007 
false = "false" 
false == Og 
false -= undefined 
false == Null 
Null == undefined 
-NN = 0 


false 
true 
true 
false 
true 
false 
false 
true 
true 


f 


强制 


上 面 的 表格 展示 了 强制 类 型 转换 ， 这 也 是 使 用 == 被 广泛 认为 是 不 好 编程 习惯 的 


主要 原因 ， 由 于 它 的 复杂 转换 规则 ， 会 导致 难以 跟踪 的 问题 。 


此 外 ， 强 制 类 型 转换 也 会 带 来 性 能 消耗 ， 比 如 一 个 字符 串 为 了 和 一 个 数字 进行 比 


较 ， 必 须 事先 被 强制 转换 为 数字 。 


严格 等 于 操作 符 
严格 等 于 操作 符 由 三 个 等 号 组 成 : === 


不 像 普通 的 等 于 操作 符 ， 严 格 等 于 操作 符 不 会 进行 强制 类 型 转换 。 


TIT TI 二 二 二 "07" 

0 二 二 二 TIT TI 

0 二 二 二 "07" 

false === "false" 
false === "QO" 

false = undefined 
false = null 

null 至 三 二 undefined 


NENrNn === 0 


false 
false 
false 
false 
false 
false 
false 
false 
false 


上 面 的 结果 更 加 清晰 并 有 利于 代码 的 分 析 。 如 果 两 个 操作 数 类 型 不 同 就 肯定 不 相等 
也 有 助 于 性 能 的 提升 。 


比较 对 象 


虽然 == 和 === 操作 符 都 是 等 于 操作 符 ， 但 是 当 其 中 有 一 个 操作 数 为 对 象 时 ， 
行为 就 不 同 了 。 


{} == A} // false 
new String('foo') === 'foo'; // false 
new Number(10) === 10; // false 
var foo = {}; 

foo === foo; // true 


这 里 等 于 操作 符 比 较 的 不 是 值 是 否 相等 ， 而 是 是 否 属 于 同一 个 身份 ; 也 就 是 说 ， 只 
有 对 象 的 同一 个 实例 才 被 认为 是 相等 的 。 这 有 点 像 Python 中 的 is 和 C 中 的 指 
针 比 较 。 


注意 :为 了 更 直观 的 看 到 == 和 === 的 区 别 , 可 以 参见 JavaScript Equality Table 
结 伦 


强烈 推荐 使 用 严格 等 于 操作 符 。 如 果 类 型 需要 转换 ， 应 该 在 比较 之 前 显 式 的 转换 ， 
而 不 是 使 用 语言 本 身 复杂 的 强制 转换 规则 。 


typeof 操作 符 


typeof 操作 符 (和 instanceof 一 起 ) 或 许 是 JavaScript 中 最 大 的 设计 缺 
陷 ， 因 为 几乎 不 可 能 从 它们 那里 得 到 想 要 的 结果 。 

尽管 instanceof 还 有 一 些 极 少数 的 应 用 场景 ， typeof 只 有 一 个 实际 的 应 用 
( 译 者 注 : 这 个 实际 应 用 是 用 来 检测 一 个 对 象 是 否 已 经 定义 或 者 是 否 已 经 赋值 ) ， 
而 这 个 应 用 却 不 是 用 来 检查 对 象 的 类 型 。 

注意 : 由 于 typeof 也 可 以 像 函 数 的 语法 被 调用 ， 比 如 typeof(obj) ， 但 这 并 
不 是 一 个 函数 调用 。 那 两 个 小 括号 只 是 用 来 计算 一 个 表达 式 的 值 ， 这 个 返回 值 会 作 
为 typeof 操作 符 的 一 个 操作 数 。 实际 上 不 存在 名 为 typeof 的 函数 。 


JavaScript 类 型 表格 


"foo" String string 

new String("foo") String object 

2 Number number 

new Number(1.2) Number object 

true Boolean boolean 

new Boolean(true) Boolean object 

new Date() Date object 

new Error() Error object 

239 Array object 

new Array(1, 2, 3) Array object 

new Function("") Function function 

/abc/g RegExp object (function in Nitro/V8) 
new RegExp("meow") RegExp object (function in Nitro/V8) 
{} Object object 

new Object() Object object 


上 面 表格 中 ，Type 一 列表 示 typeof 操作 符 的 运算 结果 。 可 以 看 到 ， 这 个 值 在 大 
多 数 情况 下 都 返回 "object"。 


Class 一 列表 示 对 象 的 内 部 属性 [[Class]] 的 值 。 
JavaScript 标准 文档 中 定义 : [[Class]] 的 值 只 可 能 是 下 面 字 符 串 中 的 一 个 : 


Arguments ，Array ，Boolean ，Date ，Error , Function ， JSON 
Math ，Number , Object ，RegExp ，String 


为 了 获取 对 象 的 [[Class]] ， 我 们 需要 使 用 定义 在 0bject.prototype 上 的 方 
法 toString 。 


对 象 的 类 定义 


JavaScript 标准 文档 只 给 出 了 一 种 获取 [[class]] 值 的 方法 ， 那 就 是 使 用 
Object,prototype,toString ° 


function is(type, obj) { 
var clas = Object.prototype.toString.call(obj).slice(8, -1); 
return obj !== undefined && obj !== null && clas === type; 

} 


is('String', 'test'); // true 
is('String', new String('test')); // true 


上 面 例子 中 ， 0bject.prototype.toString 方法 被 调用 ，this 被 设置 为 了 需要 
获取 [[Class]] 值 的 对 象 。 


译 者 注 : Object.prototype.toSstring 返回 一 种 标准 格式 字符 串 ， 所 以 上 例 可 
以 通过 slice 截取 指定 位 置 的 字符 串 ， 如 下 所 示 : 


Object.prototype.toString.call([]) // "[object Array]" 
Object.prototype.toString.call({}) // "[object Object]" 
Object.prototype.toString.call(2) // "[object Number]" 


ES5 提示 : 在 ECMAScript 5 中 ， 为 了 方便 ， 对 null 和 undefined 调用 
0bject.prototype.tostring 方法 ， 其 返回 值 由 0bject 变 成 了 Null 和 
Undefined “。 


译 者 注 : 这 种 变化 可 以 从 IE8 和 Firefox 4 中 看 出 区 别 ， 如 下 所 示 : 


// IE8 
Object.prototype.toString.call(null) // "[object Object]" 
Object.prototype.toString.call(undefined) // "[object Object]" 


// Firefox 4 
Object.prototype.toString.call(null) // "[object Nulli]" 
Object.prototype.toString.call(undefined) // "[object Undefined 





测试 为 定义 变量 
typeof foo !== 'undefined' 


上 面 代 码 会 检测 foo 是 否 已 经 定义 ;如果 没有 定义 而 直接 使 用 会 导致 


ReferenceError 的 异常 。 这 是 typeof 唯一 有 用 的 地 方 。 


为 了 检测 一 个 对 象 的 类 型 ， 强 烈 推 荐 使 用 0bject.prototype.toString 方法 ; 
因为 这 是 唯一 一 个 可 依赖 的 方式 。 正 如 上 面 表格 所 示 ， typeof 的 一 些 返回 值 在 
标准 文档 中 并 未 定义 ， 因 此 不 同 的 引擎 实现 可 能 不 同 。 


除非 为 了 检测 一 个 变量 是 否 已 经 定义 ， 我 们 应 尽量 避免 使 用 typeof 操作 符 。 


instanceof 操作 符 


instanceof 操作 符 用 来 比较 两 个 操作 数 的 构造 函数 。 只 有 在 比较 自 定 义 的 对 象 
时 才 有 意义 。 如 果 用 来 比较 内 置 类 型 ， 将 会 和 typeof 操作 符 一 样 用 处 不 大 。 


比较 自 定 义 对 象 


function Foo() 全 
function Bar() 人 
Bar .prototype = new Foo( ) ， 


new Bar() instanceof Bar; // true 
new Bar() instanceof Foo; // true 


// 如 果 仅 仅 设 置 Bar ,prototype 为 函数 Foo 本 身 ， 而 不 是 Foo 构造 函数 的 一 个 实 
Bar .prototype = Foo， 
new Bar() instanceof Foo; // false 


<| 可 








instanceof 比较 内 置 类 型 


new String('foo') instanceof String; // true 
new String('foo') instanceof Object; // true 


'foo' instanceof String; // false 
'foo' instanceof Object; // false 


有 一 点 需要 注意 ， instanceof 用 来 比较 属于 不 同 JavaScript 上 下 文 的 对 象 〈 比 
如 ， 浏 览 器 中 不 同 的 文档 结构 ) 时 将 会 出 错 ， 因 为 它们 的 构造 函数 不 会 是 同一 个 对 
象 。 


结 伦 


instanceof 操作 符 应 该 仅仅 用 来 比较 来 自 同一 个 JavaScript 上 下 文 的 自 定义 对 
象 。 正 如 typeof 操作 符 一 样 ， 任 何其 它 的 用 法 都 应 该 是 避免 的 。 


类 型 转换 


JavaScript 是 弱 类 型 语言 ， 所 以 会 在 任何 可 能 的 情况 下 应 用 强制 类 型 转换 。 


// 下 面 的 比较 结果 是 : true 
new Number(10) == 10; // Number.toString() 返回 的 字符 串 被 再 次 转换 为 数字 


10 == '+10 !; /古国 本 = 
0 == "O10 7 /EE 


isNaN(null) == false; // null 被 转换 为 数字 0 
// 日 当然 不 是 一 个 NaN ( 译 者 注 : 否定 之 否定 ) 


// 下 面 的 比较 结果 是 : false 
10 == 010 ， 
10E== 110 


二 了 险 "| 


ES5 提示 : 以 9 开头 的 数字 字面 值 会 被 作为 八进制 数字 解析 。 而 在 ECMAScript 
5 严格 模式 下 ， 这 个 特性 被 移 除 了 。 


为 了 避免 上 面 复杂 的 强制 类 型 转换 ， 强 烈 推 荐 使 用 严格 的 等 于 操作 符 。 虽然 这 可 以 
避免 大 部 分 的 问题 ， 但 JavaScript 的 弱 类 型 系统 仍然 会 导致 一 些 其 它 问题 。 
内 置 类 型 的 构造 函数 


内 置 类 型 (比如 Number 和 String ) 的 构造 函数 在 被 调用 时 ， 使 用 或 者 不 使 用 
new 的 结果 完全 不 同 。 


new Number(10) === 10， // False， 对 象 与 数字 的 比较 
Number(10) === 10， // True， 数 字 与 数字 的 比较 
new Number(10) + 0 === 10; // True， 由 于 隐 式 的 类 型 转换 


使 用 内 置 类 型 Number 作为 构造 函数 将 会 创建 一 个 新 的 Number 对象， 而 在 不 
使 用 new 关键 字 的 Number 元 数 更 像 是 一 个 数字 转换 器 。 


另外 ， 在 比较 中 引入 对 象 的 字面 值 将 会 导致 更 加 复杂 的 强制 类 型 转换 。 
最 好 的 选择 是 把 要 比较 的 值 显 式 的 转换 为 三 种 可 能 的 类 型 之 一 。 


转换 为 字符 囊 
证 三 三 三 TO /trUue 
将 一 个 值 加 上 空 字符 串 可 以 轻松 转换 为 字符 串 类 型 。 


转换 为 数字 


+ 0 === 51109/A/ true 


使 用 一 元 的 加 号 操作 符 ， 可 以 把 字符 串 转 换 为 数字 。 
译 者 注 : 字符 串 转 换 为 数字 的 常用 方法 : 
+'010' === 10 
Number('010') === 10 
parseInt('010'，10) === 10 // 用 来 转换 为 整数 
+'010.2' === 10.2 


Number('010.2') === 10.2 
parseInt('010.2', 10) === 10 


转换 为 布尔 型 
通过 使 用 否 操作 符 两 次 ， 可 以 把 一 个 值 转换 为 布尔 型 。 


1!!1'foo'; // true 


[le // false 
I Oe // true 
[ol // true 
[le ly // true 
11{}; // true 


!!true; // true 


为 什么 不 要 使 用 eval 
eval 函数 会 在 当前 作用 域 中 执行 一 段 JavaScript 代码 字符 串 。 


Var foo = 1; 

function test() { 
Var foo = 2; 
eval('foo = 3'); 
return foo; 


} 
test(); // 3 
foo; // 1 


但 是 eval 只 在 被 直接 调用 并 且 调 用 函数 就 是 eval 本 身 时 ， 才 在 当前 作用 域 
中 执行 。 


Var foo = 1; 

function test() { 
Var foo = 2; 
var bar = eval; 
bar('foo = 3'); 
return foo; 


} 
test(); // 2 
foo; // 3 


译 者 注 : 上 面 的 代码 等 价 于 在 全 局 作用 域 中 调用 eval ， 和 下 面 两 种 写法 效果 一 


ya 


样 : 


// 写法 一 : 直接 调用 全 局 作用 域 下 的 foo 变量 
Var foo = 1; 
function test() { 

Var foo = 2; 

window.foo = 3; 

return foo; 


} 
test(); // 2 
foo; // 3 


// 写法 二 :使 用 call 部 数 修 改 eval 执行 的 上 下 文 为 全 局 作用 域 
Var foo = 1; 
function test() { 

Var foo = 2; 

eval.call(window, 'foo = 3'); 

return foo; 


} 
test(); // 2 
foo; // 3 


在 任何 情况 下 我 们 都 应 该 避免 使 用 eval 函数 。99.9% 使 用 eval 的 场景 都 有 
不 使 用 eval 的 解决 方案 。 

伪装 的 eval 

定时 函数 setTimeout 和 setInterval 都 可 以 接受 字符 串 作为 它们 的 第 一 个 
参数 。 这 个 字符 串 总 是 在 全 局 作用 域 中 执行 ， 因 此 eval 在 这 种 情况 下 没有 被 直 
接 调 用 。 

安全 问题 


eval 也 存在 安全 问题 ， 因 为 它 会 执行 任意 传 给 它 的 代码 ， 在 代码 字符 串 未 知 或 
者 是 来 自 一 个 不 信任 的 源 时 ， 绝 对 不 要 使 用 eval 函数 。 


绝对 不 要 使 用 eval ， 任 何 使 用 它 的 代码 都 会 在 它 的 工作 方式 ， 性 能 和 安全 性 方 
面 受 到 质疑 。 如 果 一 些 情况 必须 使 用 到 eval 才能 正常 工作 ， 首 先 它 的 设计 会 受 
到 质疑 ， 这 不 应 该 是 首选 的 解决 方案 ， 一 个 更 好 的 不 使 用 eval 的 解决 方案 应 该 
得 到 充分 考虑 并 优先 采用 。 


undefined 和 null 


JavaScript 有 两 个 表示 ' 空 ' 的 值 ， 其 中 比较 有 用 的 是 undefined 。 


undefined 的 值 


undefined 是 一 个 值 为 ”undefined 的 类 型 。 


这 个 语言 也 定义 了 一 个 全 局 变量 ， 它 的 值 是 undefined ， 这 个 变量 也 被 称 为 
undefined 。 但 是 这 个 变量 不 是 一 个 常量 ， 也 不 是 一 个 关键 字 。 这 意味 着 它 的 值 
可 以 轻易 被 覆盖 。 


ES5 提示 : 在 ECMAScript 5 的 严格 模式 下 ， undefined 不 再 是 可 写 的 了 。 但 是 
它 的 名 称 仍然 可 以 被 隐藏 ， 比 如 定义 一 个 函数 名 为 undefined 。 


下 面 的 情况 会 返回 undefined 值 : 


访问 未 修改 的 全 局 变量 undefined 。 

由 于 没有 定义 return 表达 式 的 函数 隐 式 返回 。 
return 表达 式 没 有 显 式 的 返回 任何 内 容 。 

访问 不 存在 的 属性 。 

函数 参数 没有 被 显 式 的 传递 值 。 

任何 被 设置 为 ”undefined 值 的 变量 。 


处 理 Undefined 值 的 改变 
由 于 全 局 变量 undefined 只 是 保存 了 undefined 类 型 实际 值 的 副本 ， 因 此 对 
它 赋 新 值 不 会 改变 类 型 undefined 的 值 。 


然而 ， 为 了 方便 其 它 变量 和 undefined 做 比较 ， 我 们 需要 事先 获取 类 型 
undefined 的 值 。 

为 了 避免 可 能 对 undefined 值 的 改变 ， 一 个 常用 的 技巧 是 使 用 一 个 传递 到 匿名 
包装 器 的 额外 参数 。 在 调用 时 ， 这 个 参数 不 会 获取 任何 值 。 


var undefined = 123; 
(function(something, foo, undefined) { 
// 局 部 作用 域 里 的 undefined 变量 重新 获得 了 “undefined” 值 


})('Hello World', 42); 


另外 一 种 达到 相同 目的 方法 是 在 函数 内 使 用 变量 声明 。 


var undefined = 123; 
(function(something, foo) { 
var undefined; 


})('Hello World', 42); 


这 里 唯一 的 区 别 是 ， 在 压缩 后 并 且 函 数 内 没有 其 它 需 要 使 用 var 声明 变量 的 情况 
下 ， 这 个 版 本 的 代码 会 多 出 4 个 字 节 的 代码 。 

译 者 注 : 这 里 有 点 绕 口 ， 其 实 很 简单 。 如 果 此 函数 内 没有 其 它 需 要 声明 的 变量 ， 那 
么 var 总 共 4 个 字符 (包含 一 个 空白 字符 ) 就 是 专门 为 undefined 变量 准备 
的 ， 相 比 上 个 例子 多 出 了 4 个 字 节 。 


null 的 用 处 


JavaScript 中 的 undefined 的 使 用 场景 类 似 于 其 它 语言 中 的 hull， 实 际 上 
JavaScript 中 的 null 是 另外 一 种 数据 类 型 。 


它 在 JavaScript 内 部 有 一 些 使 用 场景 (比如 声明 原型 链 的 终结 


Foo.prototype = null ) ， 但 是 大 多 数 情况 下 都 可 以 使 用 undefined 来 代 
蔡 。 


目 动 分 号 插入 
尽管 JavaScript 有 C 的 代码 风格 ， 但 是 它 不 强制 要 求 在 代码 中 使 用 分 号 ， 实 际 上 
可 以 省 略 它们 。 
JavaScript 不 是 一 个 没有 分 号 的 语言 ， 恰 恰 相 反 上 它 需 要 分 号 来 就 解析 源 代码 。 
此 JavaScript 解析 器 在 遇 到 由 于 缺少 分 号 导致 的 解析 错误 时 ， 会 自动 在 源 代 码 中 插 
入 分 号 。 

var foo = function() { 


} // 解析 错误 ， 分 号 丢失 
test() 


自动 插入 分 号 ， 解 析 器 重新 解析 。 


var foo = function() { 
}; // 没有 错误 ， 解 析 继 续 
test() 


自动 的 分 号 插入 被 认为 是 JavaScript 语言 最 大 的 设计 缺陷 之 一 ， 因 为 它 能 改变 代码 
的 行为 。 


工作 原理 


下 面 的 代码 没有 分 号 


-> 


因此 解析 器 需要 自己 判断 需要 在 哪些 地 方 插入 分 号 。 


(function(window, undefined) { 
function test(options) { 
log('testing!') 


(options.1list || []).forEach(function(i) { 
}) 
options.value. test( 


'long string to pass here '， 
'and another long string to pass' 


) 
return 
{ 
foo: function() {} 
} 


} 


window.test = test 
}) (window) 
(function(window) { 


window.someLibrary = 他 
}) (window) 


下 面 是 解析 器 "猜测 "的 结果 。 


(function(window, undefined) { 
function test(options) { 


// 没有 插入 分 号 ， 两 行 被 合并 为 一 行 
log('testing!')(options.1list || []).foreach(function(i) { 


}); // <- 插入 分 号 


options.value.test( 
'long string to pass here '， 
'and another long string to pass' 
); // <- 插入 分 号 
return; // <- 插入 分 号 ， 改 变 了 7 return 表达 式 的 行为 
{ // 作为 一 个 代码 段 处 理 
foo: function() {} 
}; // <- 插入 分 号 
} 
window.test = test; // <- 插入 分 号 
// 两 行 又 被 合并 了 
})(window)(function(window) { 
window.someLibrary = 他 // <- 插入 分 号 
})(window); //<- 插入 分 号 
天 ER 


注意 : JavaScript 不 能 正确 的 处 理 return 表达 式 紧 跟 换 行 符 的 情况 ， 虽然 这 不 
能 算是 自动 分 号 插入 的 错误 ， 但 这 确实 是 一 种 不 希望 的 副作用 。 


解析 器 显著 改变 了 上 面 代 码 的 行为 ， 在 另外 一 些 情况 下 也 会 做 出 错误 的 处 理 。 


在 前 置 括号 的 情况 下 ， 解 析 器 不 会 自动 插入 分 号 。 


log('testing!') 
(options.1list || []).forEach(function(i) {}) 


上 面 代码 被 解析 器 转换 为 一 行 。 


log('testing!')(options.1list || []).forEach(function(i) {}) 


1og 郊 数 的 执行 结果 极 大 可 能 不 是 函数 ; 这 种 情况 下 就 会 出 现 TypeError 的 错 
误 ， 详 细 错 误 信 息 可 能 是 undefined is not a function 。 


结论 


建议 绝对 不 要 省 略 分 号 ， 同 时 也 提倡 将 花 括 号 和 相应 的 表达 式 放 在 一 行 ， 对 于 只 有 
一 行 代码 的 if 或 者 else 表达 式 ， 也 不 应 该 省 略 花 括号 。 这些 良 好 的 编程 习 
惯 不 仅 可 以 提 到 代码 的 一 致 性 ， 而 且 可 以 防止 解析 器 改变 代码 行为 的 错误 处 理 。 


其 它 


AAAN 


setTimeout 和 setInterval 
由 于 JavaScript 是 异步 的 ， 可 以 使 用 setTimeout 和 setInterval 来 计划 执 
行 函数 。 
注意 : 定时 处 理 不 是 ECMAScript 的 标准 ， 它 们 在 DOM (文档 对 和 象 模型 ) 被 实现 。 


function foo() {} 
var id = setTimeout(foo，1000); // 返回 一 个 大 于 零 的 数字 


当 setTimeout 被 调用 时 ， 它 会 返回 一 个 ID 标识 并 且 计 划 在 将 来 大 约 1000 毫秒 
后 调用 foo 函数 。 foo 函数 只 会 被 执行 一 次 。 

基于 JavaScript 引 警 的 计时 策略 ， 以 及 本 质 上 的 单线 程 运行 方式 ， 所 以 其 它 代码 的 
运行 可 能 会 阻塞 此 线程 。 因此 没 法 确保 函数 会 在 setTimeout 指定 的 时 刻 被 调 


O 


也 


作为 第 一 个 参数 的 函数 将 会 在 全 局 作用 域 中 执行 ， 因 此 函数 内 的 this 将 会 指向 
这 个 全 局 对 象 。 


function Foo() { 
this.value = 42; 
this.method = function() { 
// this 指向 全 局 对 象 
console.log(this.value); // 输出 : undefined 


}; 
setTimeout(this.method, 500); 


new Foo( ); 
注意 : setTimeout 的 第 一 个 参数 是 函数 对 象 ， 一 个 常 犯 的 错误 是 这 样 的 
setTimeout(foo()，1000) ， 这 里 回调 函数 是 foo 的 返回 值 ， 而 不 
是 foo 本 身 。 大 部 分 情况 下 ， 这 是 一 个 潜在 的 错误 ， 因 为 如 果 函 数 返回 
Undefined ， setTimeout 也 不 会 报错 。 

setInterval 的 堆 调 用 


setTimeout 只 会 执行 回调 函数 一 次 ， 不 过 setInterval -正如 名 字 建 议 的 - 
会 每 隔 X 毫秒 执行 函数 一 次 。 但 是 却 不 鼓励 使 用 这 个 函数 。 


当 回 调 函 数 的 执行 被 阻塞 时 ， setInterval 仍然 会 发 布 更 多 的 回调 指令 。 在 很 小 
的 定时 间隔 情况 下 ， 这 会 导致 回调 函数 被 堆积 起 来 。 


function foo(){ 
// 阻塞 执行 1 秒 


setInterval(foo, 100); 


上 面 代 码 中 ， foo 会 执行 一 次 随后 被 阻塞 了 一 秒 钟 。 

在 foo 被 阻塞 的 时 候 ， setInterval 仍然 在 组 织 将 来 对 回调 函数 的 调用 。 
此 ， 当 第 一 次 foo 鸥 数 调 用 结束 时 9 已 经 有 10 次 函数 调用 在 等 待 执行 。 
处 理 可 能 的 阻 窜 调用 


最 简单 也 是 最 容 多 控制 的 方案 ， 是 在 回调 函数 内 部 使 用 setTimeout 函数 。 


function foo(){ 
// 阻塞 执行 1 秒 
setTimeout(foo, 100); 
} 
foo( ); 
这 样 不 仅 封装 了 setTimeout 回调 函数 ， 而 且 阻 止 了 调用 指令 的 堆积 ， 可 以 有 更 
多 的 控制 。 foo 函数 现在 可 以 控制 是 否 继续 执行 还 是 终止 执行 。 
手工 清空 定时 器 


可 以 通过 将 定时 时 产生 的 ID 标识 传递 给 clearTimeout 或 者 clearInterval 
函数 来 清除 定时 ， 至 于 使 用 哪个 函数 取决 于 调用 的 时 候 使 用 的 是 setTimeout 还 
是 setInterval 。 


var id = setTimeout(foo, 1000); 
clearTimeout(id); 


清除 所 有 定时 器 


由 于 没有 内 置 的 清除 所 有 定时 器 的 方法 ， 可 以 采用 一 种 暴力 的 方式 来 达到 这 一 目 
的 。 


// 清空 "所 有 "的 定时 器 

for(var i = 1; i < 1000; I++) { 
clearTimeout (i); 

} 


可 能 还 有 些 定时 器 不 会 在 上 面 代码 中 被 清除 ( 译 者 注 : 如 果 定 时 器 调用 时 返回 的 ID 
值 大 于 1000) ， 因 此 我 们 可 以 事先 保存 所 有 的 定时 器 ID， 然 后 一 把 清除 。 


隐藏 使 用 eval 


setTimeout 和 setInterval 也 接受 第 一 个 参数 为 字符 串 的 情况 。 这 个 特性 
绝对 不 要 使 用 ， 因 为 它 在 内 部 使 用 了 eval 。 


注意 : 由 于 定时 器 函数 不 是 ECMAScript 的 标准 ， 如 何 解析 字符 串 参 数 在 不 同 的 


JavaScript 引擎 实现 中 可 能 不 同 。 事实 上 ， 微 软 的 JScript 会 使 用 Function 构 
造 函 数 来 代替 eval 的 使 用 。 


function foo() { 
// 将 会 被 调用 
} 


function bar() { 
function foo() { 
// 不 会 被 调用 


setTimeout('foo()', 1000); 


} 
bar(); 


由 于 eval 在 这 种 情况 下 不 是 被 直接 调用 ， 因 此 传递 到 setTimeout 的 字符 串 
会 自 全 局 作用 域 中 执行 ; 因此， 上面 的 回调 函数 使 用 的 不 是 定义 在 bar 作用 域 
中 的 局 部 变量 foo 。 


建议 不 要 在 调用 定时 器 十 数 时 ， 为 了 向 回调 函数 传递 参数 而 使 用 字符 囊 的 形式 。 


function foo(a, b, c) {} 


// 不 要 这 样 做 
setTimeout('foo(1,2, 3)', 1000) 


// 可 以 使 用 匿名 函数 完成 相同 功能 

SetTimeout(function( ) { 
OO 2 

}, 1000) 


注意 : 虽然 也 可 以 使 用 这 样 的 语法 setTimeout(foo，1000，1，2，3) ， 但 是 不 
推荐 这 么 做 ， 因 为 在 使 用 对 象 的 属性 方法 时 可 能 会 出 错 。 ( 译 者 注 : 这 里 说 的 是 属 
性 方法 内 ， this 的 指向 错误 ) 


结论 


绝对 不 要 使 用 字符 串 作 为 setTimeout 或 者 setInterval 的 第 一 个 参数 ， 这 
么 写 的 代码 明显 质量 很 差 。 当 需要 向 回调 函数 传递 参数 时 ， 可 以 创建 一 个 匿名 函 
数 ， 在 函数 内 执行 趴 实 的 回调 函数 。 


另外 ， 应 该 避免 使 用 setInterval ， 因 为 它 的 定时 执行 不 会 被 JavaScript 阻 
室 


